<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>活动资讯</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/slide5.css" />
		<link rel="stylesheet" type="text/css" href="css/active.css" />
	</head>

	<body>
		<div id="wrap">
			<!--<header  style="display: block;">
				<div class="header">
					<a href="" class="logo">
						<a href="" class="logo_change">
							<img id="img2" src="images/index/logo21X.png" style="width:0.8rem;" />
						</a>
					</a>
					<ul>
						<li>
							<a href="index.html" class="header_li">
								首页
							</a>
						</li>
						<li class="price">
							<a href="product.html" class="header_li">
								产品
							</a>
							<div class="product-box">
								<ol class="header-ul">
									<li>
										<span>
												<a href="BDP.html" style="color: #fff;text-decoration: none;">一站式大数据应用平台&nbsp;</a>		
									</span>
									</li>
									<li>
										<span>
													<a href="MBI.html" style="color: #fff;text-decoration: none;">自助式企业级BI平台&nbsp;</a>	
									</span>
									</li>
									<li>
										<span>
													<a href="BPM.html" style="color: #fff;text-decoration: none;">总线式业务协同平台&nbsp;</a>	
													</span>
									</li>
									<li>
										<span>
														<a href="DIP.html" style="color: #fff;text-decoration: none;">可视化集成开发平台&nbsp;</a>
													</span>
									</li>
									<li>
										<span>
														<a href="DAP.html" style="color: #fff;text-decoration: none;">多层级数据采集平台&nbsp;</a>
													</span>
									</li>
									<li>
										<span>
														<a href="IDP.html" style="color: #fff;text-decoration: none;">泛数据集成与交换平台&nbsp;</a>
													</span>
									</li>
									<div>
									</div>
								</ol>

							</div>
						</li>
						<li>
							<a href="precept.html" class="header_li">
								方案
							</a>
						</li>
						<li>
							<a href="case.html" class="header_li">
								案例
							</a>
						</li>
						<li>
							<a href="active.html" class="active">
								活动资讯
							</a>
						</li>
						<li>
							<a href="" class="header_li">
								在线演示
							</a>
						</li>
						<li>
							<a href="team.html" class="header_li">
								伙伴合作
							</a>
						</li>
						<li style="margin-left: -5px;">
							<a href="about.html" class="header_li">
								关于
							</a>
						</li>
					</ul>
					<a href="" class="username">
						用户中心
					</a>
				</div>

			</header>-->
			<div class="about_banner">
				<div class="about_body">
					<div class="active_title">
						<h5>
						宇动源携手众多<span>数据专家、行业领袖</span>
					</h5>
						<p>共同探讨大数据发展趋势、帮助企业构筑数据资产、提升数据价值</p>
						<!--<p>2017年11月3日.北京国际会议中心</p>-->
						<!--<a href="">立即报名</a>-->
					</div>
				</div>

			</div>
			<div class="touT">
				<div class="active_body">
					<div class="touT_title">
						<img src="images/active/boll.png"/>
						<span style="margin-left: -0.18rem;">要事头条</span>
					</div>
					<div class="touT_img">
						<div class="left" style="margin-right: 0.16rem;cursor: pointer;position: relative;">
							<a href="https://www.leiphone.com/news/201803/Z0zS685NlJc9a2MO.html" target="_blank">
								<img src="images/active/search_12.png" style="width: 5.45rem;" class="touImg" />
								<div class="touT_img_div"><span>总理指示！加强新一代人工智能研发应用</span></div>
							</a>
						</div>
						<div class="left">
							<div class="clearbox" id="touT_search">
								<div class="left" style="margin-right: 0.16rem;">
									<p>
										<a href="http://www.sohu.com/a/162408451_473283" target="_blank">
											<img src="images/active/search_08.png" />
											<span>
											Gartner重磅发布2017新兴技术成熟度曲线：13大AI技术处曲线巅峰
											</span></a>
									</p>

								</div>
								<div class="left">
									<p>
										<a href="https://baijiahao.baidu.com/s?id=1593071417705923015&wfr=spider&for=pc" target="_blank">
											<img src="images/active/search_09.png" />
											<span>数博前沿 ▏2018全球大数据趋势及成败一览</span>
										</a>
									</p>

								</div>
								<div class="clearbox"></div>
							</div>
							<div class="clearbox" id="touT_search">
								<div class="left" style="margin-right: 0.16rem;">
									<p>
										<a href="https://www.leiphone.com/news/201803/psCPvIfa2aap7tj7.html" target="_blank">
											<img src="images/active/search_10.png" />
											<span>区块链治理应是“生态系统性”问题，一文纵论影响区块链治理的四大因素</span>
										</a>
									</p>

								</div>
								<div class="left">
									<p style="padding-bottom: 0.15rem;">
										<a href="https://zhuanlan.zhihu.com/p/24987549" target="_blank">
											<img src="images/active/search_11.png" />
											<span>资源、技术、理念三方向看大数据
											</span></a>
									</p>
								</div>
								<div class="clearbox"></div>
							</div>

						</div>
						<div class="clearbox"></div>
					</div>
				</div>
			</div>
			<div class="back_home">
				<div class="active_body">
					<div class="back_title">
						<img src="images/active/book.png" /> 过往资讯
					</div>
					<div class="container">
						<div class="waterfall">

						</div>
					</div>
					<div id="more" data-status="1" style="font-size: 0.2rem;text-align: center;padding: 0.12rem 0;">
						<span>加载更多</span>
					</div>
				</div>

				<div id="slide5">
				<div class="slide5_content">
					<div class="slide5_footer">
						<div>
							<div>
								<p>
									网站导航
								</p>
								<div>
									<div class="footer_div_hover" >
										<a class="links" name="product.html">产品</a>
									</div>
									<div class="footer_div_hover">
										<a class="links" name="active.html">活动资讯</a>
									</div>
								</div>
								<div>
									<div class="footer_div_hover">
										<a class="links" name="precept.html">方案</a>
									</div>
									<div class="footer_div_hover" >
										在线演示
									</div>
								</div>
								<div>
									<div class="footer_div_hover" >
										<a class="links" name="case.html">案例</a>
									</div>
									<div class="footer_div_hover" >
										<a class="links" name="team.html">伙伴合作</a>
									</div>
								</div>
							</div>
							<div>
								<p>
									联系我们
								</p>
								<div>
									<img src="images/index/footer_icon1.png" /> 地址：
									<input type="text" id="slide5_inp" value="北京市海淀区黑泉路8号宝盛广场D7003" />
								</div>
								<div>
									<img src="images/index/footer_icon2.png" /> 邮箱：
									<input type="text" id="slide5_inp" value="info@cosmosource.com">
								</div>
								<div>
									<img src="images/index/footer_icon3.png" /> 电话： <input type="text" id="slide5_inp" value="400-963-8881" />
								</div>
							</div>
							<div>
								<p>
									关注我们
								</p>
								<div>
										<img src="images/index/weixin.png" width="59" height="59" class="foot_item1"/>
										<img src="images/index/weibo_hov.png" class="foot_item1" width="59" height="59"/>
									</div>
							</div>
							<!--<div class="clearbox"></div>-->
						</div>
						<div class="icp">
							<span style="cursor: pointer;">
								版权所有©2015 宇动源(北京)信息技术有限公司
							</span>
							<span style="cursor: pointer;">
													备案序号:京ICP备05013605号
												</span>
							<span style="cursor: pointer;">
									<a class="links" name="about.html" ><span class="footer_div_hover">关于我们</span></a>丨
													<a class="links" name="legalNotice.html"><span class="footer_div_hover">法律声明</span></a>丨
													<a class="links" name="privacy.html"><span class="footer_div_hover">隐私保护</span></a>
												
								</span>
						</div>
					</div>
				</div>
			</div>

			</div>

	</body>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.goup.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		(function() {
			let html = document.documentElement;
			if(html.clientWidth <= 900) html.clientWidth = 900;
			html.style.fontSize = html.clientWidth * 20 / 320 + 'px';
			window.onresize = function() {
				//resize_canvas(); //重置canvas尺寸
				//console.log(html.clientWidth<=900)
				//console.log(window.innerHeight = 300)
				if(html.clientWidth <= 900) {
					html.style.fontSize = 900 * 20 / 320 + 'px';
					return;
				}
				html.style.fontSize = html.clientWidth * 20 / 320 + 'px';
			};
		})();
		$('.dj').click(function() {
			$('.hide').css('display', 'block');
			$(this).css('display', 'none');
		})

		$('.price').mouseenter(function() {
			$('.product-box').show();
		});
		$('.price').mouseleave(function() {
			$('.product-box').stop().slideUp();
		});

		$.ajax({
			//url: "http://localhost:8080/active.json", //json文件位置
			url:"active.json",
			type: "GET", //请求方式为get
			dataType: "json", //返回数据格式为json
			success: function(data) { //请求成功完成后要执行的方法 
				console.log(data)
				var html = '';
				for(var i = 0; i < data.length; i++) {

					if(i < 12) {
						html += '<div class="content_div item"><ul><li><div class="left">' + getq(data[i].target) + '</div><div class="right">' + data[i].time + '</div><div class="clearbox"></div></li><li>' + data[i].title + '</li><li><a href="' + data[i].link + '" target="_blank"><img src="' + data[i].illustration + '" /></a></li><li><p><span>' + data[i].introduction + '</span></p></li></ul></div>';
					}

				}

				function getq(obj, att) {
					var str = '';
					if(att !== undefined) {
						for(var i = 0; i < obj.length; i++) {

							str += '<button>' + obj[i][att] + '</button>';
						}

					} else {
						for(var i = 0; i < obj.length; i++) {

							str += '<button>' + obj[i] + '</button>';
						}
					}
					return str;
				}

				$('.waterfall').append(html)

			}
		})

		$('#more').one('click',function() {
			$(this).addClass('color').html("<span>数据已全部加载完毕</span>")
			$.ajax({
				url: "active.json", //json文件位置
				type: "GET", //请求方式为get
				dataType: "json", //返回数据格式为json
				success: function(data) { //请求成功完成后要执行的方法 
					console.log(data)
					var html = '';
					for(var i = 14; i < 31; i++) {

						html += '<div class="content_div item"><ul><li><div class="left">' + getq(data[i].target) + '</div><div class="right">' + data[i].time + '</div><div class="clearbox"></div></li><li>' + data[i].title + '</li><li><a href="' + data[i].link + '"><img src="' + data[i].illustration + '" /></a></li><li><p><span>' + data[i].introduction + '</span></p></li></ul></div>';

					}

					function getq(obj, att) {
						var str = '';
						if(att !== undefined) {
							for(var i = 0; i < obj.length; i++) {

								str += '<button>' + obj[i][att] + '</button>';
							}

						} else {
							for(var i = 0; i < obj.length; i++) {

								str += '<button>' + obj[i] + '</button>';
							}
						}
						return str;
					}

					$('.waterfall').append(html)

				}
			})
		})

		$('.touImg').hover(function() {
			$('.touT_img_div').css('display', 'block');
			$('.touT_img_div').hover(function() {
				$('.touT_img_div').css('display', 'block');
			})
		}, function() {
			$('.touT_img_div').css('display', 'none')
		})

		$(document).ready(function() {

			$.goup({

				trigger: 100,

				bottomOffset: 150,

				locationOffset: 100,

				titleAsText: true

			});

		});
		
		$(".links").click(function(){
			//alert(1)
			var links = $(this).attr("name");
			window.parent.location.hash = links;
		})
	</script>

</html>